<!doctype html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>zjc-后台管理系统</title>
		<link rel="stylesheet" href="./vendor/simple-line-icons/css/simple-line-icons.css">
		<link rel="stylesheet" href="./vendor/font-awesome/css/fontawesome-all.min.css">
		<link rel="stylesheet" href="./css/styles.css">
		<link rel="stylesheet" href="./vendor/page/css/page.css" />
	</head>

	<body class="sidebar-fixed header-fixed">
		<div class="page-wrapper">
			<nav class="navbar page-header top-menu"></nav>
			<div class="main-container">
				<div class="sidebar left-menu"> </div>

				<div class="content">

					<div class="card">
						<div class="card-header bg-light">
							<div class="col-md-12">
								<div class="input-group">
									<span class="input-group-btn">
									<button onclick="addGymView()" type="button" class="btn btn-primary"><i class="fa fa-plus"></i> 添加健身房</button>
						        </span> &nbsp;&nbsp;&nbsp;
									<div class="input-group-prepend"><span class="input-group-text">状态：</span></div>
									<div class="input-group-btn">
										<select class="form-control" id="stateSelect" onchange="initGym()">
											<option value="-1">全部</option>
											<option value="1">正常</option>
											<option value="0">冻结</option>
										</select>
									</div>
									&nbsp;&nbsp;&nbsp;
									<div class="input-group-prepend"><span class="input-group-text">关键字：</span></div>
									<input type="text" id="queryKeyWord" class="form-control" placeholder="关键字模糊查询">
									<span class="input-group-btn">
									<button onclick="initGym()" type="button" class="btn btn-primary"><i class="fa fa-search"></i> 查询</button>
						        </span>
								</div>
							</div>
						</div>
						<div class="card-body">
							<div class="table-responsive">
								<table class="table table-bordered">
									<thead>
										<tr>
											<th>序号</th>
											<th>健身房</th>
											<th>管理员人数</th>
											<th>教练人数</th>
											<th>学员人数</th>
											<th>到期时间</th>
											<th>限制人数</th>
											<th>状态</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody id="tbodyList">
									
									</tbody>
								</table>
							</div>
							<div class="box">
								<div id="pagination1" class="page fl"></div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<script src="./vendor/jquery/jquery.min.js"></script>
		<script src="./vendor/popper.js/popper.min.js"></script>
		<script src="./vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
		<script src="./js/config.js"></script>
		<script src="./js/util.js"></script>
		<script src="js/publicMenu.js"></script>
		<script src="./vendor/page/js/page.js"></script>
		<script src="js/gymList.js"></script>

	</body>

</html>